<template>
  <div>
    <h1>App组件</h1>
    <ul>
      <li>
        <router-link
          to="/home"
          active-class="active"
        >首页</router-link>
      </li>
      <li>
        <router-link
          to="/movie"
          active-class="active"
        >电影</router-link>
      </li>
      <li>
        <router-link
          to="/about"
          active-class="active"
        >关于</router-link>
      </li>
      <li>
        <router-link
          to="/Goods?name=外套"
          active-class="active"
        >详情页</router-link>
      </li>
      <li>
        <router-link
          to="/Goods/裤子"
          active-class="active"
        >详情页</router-link>
      </li>
    </ul>
    <router-view></router-view>
  </div>
</template>

<script>
export default {};
</script>

<style>
.active {
  color: orange;
}
</style>